<template>
    <el-col class="border padd20">
        <CurrentDate title="劳动课程得分学校排名" />
        <el-col>
            <el-col :span="24" class="padd10" v-if="KcData.length !=0">
                <el-col class="box box-pack-between box-align-center mt10" v-for="(item,index) in KcData" :key="index">
                    <div class="box box-align-center">
                        <span class="w25">{{index+1}}</span>
                      <el-image :src="item.logo !=null?item.logo:'/static/image/logo.jpg'" style="width: 28px;height: 28px;border-radius: 50%;min-width: 28px;" class="ml5 mr5"></el-image>
                      <span class="test-es ml10 tl w150" :title="item.name">{{item.name}}</span>
                    </div>
                    <div>
                        {{item.score}}分
                    </div>
                </el-col>
            </el-col>
            <el-col v-else>
                暂无数据
            </el-col>
        </el-col>
    </el-col>
</template>

<script>
    import CurrentDate from "./CurrentDate.vue";
    export default {
        components:{
            CurrentDate
        },
        props: {
            KcData: {
                type: Array,
                default: []
            }
        },
        methods:{

        }
    }
</script>
<style scoped>
    @import './com.scss';
</style>
<style scoped>
    .border{
        height: 300px;
    }
</style>
